@import "flex";
@import "box";
@import "pos";
@import "color";
@import "text";
@import "anim";
@import 'iconfont';

body {
  -webkit-tap-highlight-color: transparent;
}

page {
  background: #f7f7f7;
}

.shadow-1 {
  box-shadow: 0 0 1px #cacaca;
}

.btn-1 {
  position: relative;
  &:before {
    @extend .pos-mask;
    background: #000;
    border-radius: inherit;
    opacity: 0;
    content: " ";
    z-index: 10;
  }
  &:active:before {
    opacity: 0.15;
  }
}

.h-con {
  height: 100vh;
}
.mh-con {
  min-height: 100vh;
}
/*  #ifdef  H5  */
.h-con {
  height: calc(100vh - 44px);
  &.in-tab {
    height: calc(100vh - 44px - 50px);
  }
}
.mh-con {
  min-height: calc(100vh - 44px);
}
/*  #endif  */

.con-1 {
  padding: 16px;
}
.h-nav {
  height: 44px;
}

.u-button:after {
  display: none;
}

.safe-btm {
  padding-bottom: env(safe-area-inset-bottom);
}
